import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const Home = () => import('../views/Home/index.vue');
const Sort = () => import('../views/sort/index.vue');
const Shopping = () => import('../views/shopping/index.vue');
const User = () => import('../views/user/index.vue');
const LogOn = () => import('@/views/Secret/logOn')
const ProductList = () => import('@/views/Secret/productList')

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,

  },
  {
    path: '/sort',
    name: 'Sort',
    component: Sort,
  },
  {
    path: '/shopping',
    name: 'Shopping',
    component: Shopping,

  },
  {
    path: '/user',
    name: 'User',
    component: User,

  },
  {
    path: '/logOn',
    name: 'LogOn',
    component: LogOn,
  },
  {
    path: '/productList',
    name: 'ProductList',
    component: ProductList
  }
];

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes,
});

export default router;
